<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="MDOO.CN 魔豆网是中文开源技术社区。我们传播开源的理念，推广开源项目，为IT开发者提供了一个发现、使用、并交流开源技术的平台。" />
	<meta name="keywords" content="魔豆网,程序员,编程,学习,开源软件,开源网站,开源社区,开源项目,开源代码" />
	<title>魔豆网-开源技术社区</title>
	<link rel="stylesheet"  href="{{asset('resources/bootstrap-5.3.0/css/bootstrap.min.css')}}">
	<link rel="stylesheet"  href="{{asset('resources/style/style.css')}}">
	<script src="{{asset('resources/bootstrap-5.3.0/js/bootstrap.bundle.min.js')}}"></script>
</head>
<body>
	@include('inc/header')
	<main>
		<div class="container pt-5">
		  <div class="text-center">
			  <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 mt-10">
			  	@foreach($websites as $website)
			    <div class="col pb-5">
			    	<a href="{{url('site/details/'. $website->id)}}" target="_blank">
				    	<div class="card rounded-home-item">
					      <div class="card-head p-1">
					      	<img class="img-fluid lazy rounded-home-item-img" style="width: 300px;height: 150px;" src="{{url($website->pic_url)}}">
					      </div>
					      <div class="card-body p-3">
					      	<h4>{{$website->web_name}}</h4>
					      	<p class="card-text mb-3" style="height: 5rem; overflow: hidden;">{{$website->desc}}</p>
					      </div>
					    </div>
						</a>
			    </div>
			    @endforeach
			  </div>
			</div>
		</div>
	</main>
	@include('inc/footer')
</body>
</html>
